<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="booking_my_setup_fix" data-role="page" class="container">
    <!--top-->
    <!--
    	 data-tap-toggle="false" 추가[Add By KKM : 2012-07-23] 
    	  - 체크리스트를 동적으로 로드하여 체크리스트를 클릭할 때 Header가 사라졌다 생기는 현상이 있어 다음 값을 추가 하였고, 추가 이후 동일한 현상은 발생되지 않음
    	  -->
    <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>My 설정 </h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="#" data-rel="back" data-direction="reverse" data-transition="slide" class="ico_btn btn2">이전</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <form id="booking_my_setup_fix_contents" action="#" method="#">
            <div class="content-primary bd_btno">
                <!--지역 선택-->
                <div data-role="fieldcontain" class="che_bt ">
                    <div class="ui-grid-a">
                        <div class="ui-block-a"><span>지역 선택</span> </div>
                        <div class="ui-block-b"><a id="go_sel_area_pop" href="#" data-role="button" data-rel="dialog" data-transition="slide" data-theme="b" data-icon="arrow-r" data-iconpos="right">관심지역 선택</a></div>
                    </div>
                </div>
                
                <!--전체 선택-->
                <div data-role="fieldcontain" class="che_no">
                    <fieldset data-role="controlgroup">
                        <legend>전체 선택</legend>
                        <input type="checkbox" name="#" id="check_all" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="check_all">전체선택시 체크해 주세요.</label>
                    </fieldset>
                </div> 
             
                 <!--list-->
                 <ul class="che_list">
                    <li data-role="collapsible" data-theme="c" data-content-theme="c" data-iconpos="right" data-collapsed="false" >
                        <h3>수도권(서울/경기/인천)</h3>
                        <div data-role="fieldcontain">
                            <fieldset id="area_category_list_1" data-role="controlgroup">
                                <input type="checkbox" name="#" id="b1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                                <label for="b1">스카이 골프장</label>
                                <input type="checkbox" name="#" id="b2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                                <label for="b2">스카이 골프장</label>
                            </fieldset>
                        </div>                
                    </li>
                    
                    <li data-role="collapsible" data-theme="c" data-content-theme="c" data-iconpos="right" data-collapsed="false" >
                        <h3>중부권(강원/충청)</h3>
                        <div data-role="fieldcontain">
                            <fieldset id="area_category_list_2" data-role="controlgroup">
                                <input type="checkbox" name="#" id="c1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                                <label for="c1">스카이 골프장</label>
                                <input type="checkbox" name="#" id="c2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                                <label for="c2">스카이 골프장</label>
                            </fieldset>
                        </div>                
                    </li>
                    
                    <li data-role="collapsible" data-theme="c" data-content-theme="c" data-iconpos="right" data-collapsed="false" >
                        <h3>남부권(전라/경상/제주)</h3>
                        <div data-role="fieldcontain">
                            <fieldset id="area_category_list_3" data-role="controlgroup">
                                <input type="checkbox" name="#" id="d1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                                <label for="d1">스카이 골프장</label>
                                <input type="checkbox" name="#" id="d2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                                <label for="d2">스카이 골프장</label>
                            </fieldset>
                        </div>                
                    </li>
                 </ul><!-- // class="che_list" 끝  -->
             </div><!-- // class="content-primary" 끝  -->     
             
             <!--btn-->           
             <div class="bt_form"><a id="save_my_setup" data-role="button" data-theme="a" data-inline="true">설정 완료</a>  </div>
        </form>               
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
